<template>
	<view class="scrool-page">
		<!-- <view class="header-cont"></view> -->
		<view class="list-cont">
			<scroll-view  class="scrool-more" style="height: 100%" scroll-y="true" scroll-with-animation="true">
				<view v-for="(item,index) in detailList" >
					<uni-card :title="'序号:'+(index+1)">
						<text class="uni-body">物料编码：{{ item.itemCode }}</text><br>	
						<text class="uni-body">数量：{{item.codeEqualQty}}</text><br>
						<text class="uni-body">箱号：{{item.boxCode}}</text><br>
					</uni-card>
				</view>
			</scroll-view>
		</view>
		<!-- <view class="footer">
			
		</view> -->
	</view>
</template>

<script>
	import { getToken } from '@/utils/auth';
	export default {
		data() {
			return {
				custno:'',
				custname:'',
				detailList:[],
				attr1:'',
			}
		},
		
		onLoad: function (option) { //option为object类型，会序列化上个页面传递的参数
			this.attr1 = option.attr1;
			this.detailList = JSON.parse(decodeURIComponent(option.detailList));
			uni.setNavigationBarTitle({
				title:'托码'+this.attr1
			})
		},
		
		methods: {
			init(){
				let token = getToken();
				uni.request({
					url:'',
					data:{
						attr1 : this.attr1,
					},
					method: 'GET',
					header:{
						'authorization': token
					},
					dataType:'json',
					success: (res) =>{
						console.log(res);
					}
				})
			}
		}
	}
</script>

<style>
	.city {
		/* #ifndef APP-PLUS-NVUE */
		display: flex;
		/* #endif */
		/* flex-direction: row;
		align-items: center;
		justify-content: flex-start;
		width: 160rpx;
		margin-left: 4px;
		font-size: 26rpx; */
	}
	
	.input-view {
		display: flex;
		flex-direction: row;
		flex: 1;
		/* background-color: #f8f8f8; */
		/* height: 30px; */
		padding: 0 30px;
		/* flex-wrap: nowrap; */
		/* margin: 7px 0; */
		/* line-height:30px; */
		font-size: 36rpx;
	}
	
	page {
		width: 100%;
		height: 100%;
	}
	
	
	.scrool-page {
		display: flex;
		flex-direction: column;
		width: 100%;
		height: 100%;
	}
	
	.header-cont {
		width: 100%;
		height: 110rpx;
		line-height: 100rpx;
		text-align: center;
		// background: red;
	}
	
	.list-cont {
		flex: 1;
		position: relative;
	
		.scrool-more {
			position: absolute;
			left: 0;
			right: 0;
			top: 0;
			bottom: 0;
		}
	
		.list {
			height: 80rpx;
			line-height: 80rpx;
			text-align: center;
			background: #e0e0e0;
	
		}
	}
	
	
	.footer {
		color: #fff;
		line-height: 100rpx;
		flex: 0 0 100rpx;
		/* 不放大不缩小固定100rpx */
	}
</style>
